<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="plugins/bootstrap/css/bootstrap.css" media="all">
		<link rel="stylesheet" type="text/css" href="css/global.css">
		<link rel="stylesheet" type="text/css" href="css/main.css" media="all">
	</head>

	<body>
	<section class="larry-wrapper">
		<div class="row">
			<div class="col-lg-6">
				<section class="panel">
					<header class="panel-heading bm0">
						<span class='span-title'>今日新增</span>
						<span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
					</header>
					<div class="panel-body" >
						<table class="table table-hover personal-task">
							<tbody>
							<tr>
								<td>
									<strong>新增报障</strong>：<span style="color: red">5条</span>

								</td>
								<td>

								</td>
							</tr>
							<tr>
								<td>
									<strong>新增设备</strong>： 8个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>昨日已维修设备</strong>： 8个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>已部署城市</strong>： 6个
								</td>
								<td></td>
							</tr>
							</tbody>
						</table>
					</div>
				</section>
				<!-- 网站信息统计｛SEO数据统计｝ -->
				<section class="panel">
					<header class="panel-heading bm0">
						<span class='span-title'>设备部署地统计</span>
						<span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
					</header>
					<div class="panel-body laery-seo-box">
						<div class="larry-seo-stats" id="larry-seo-stats"></div>
					</div>
				</section>
			</div>
			<div class="col-lg-6">
				<!-- 快捷操作 -->
				<section class="panel">
					<header class="panel-heading bm0">
						<span class='span-title'>设备部署地</span>
						<span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
					</header>
					<div class="panel-body">
						<table class="table table-hover">
							<tr>
								<td>
									<strong>南昌地区</strong>： 12个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>福州地区</strong>： 46个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>厦门地区</strong>： 24个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>九江地区</strong>： 8个
								</td>
								<td></td>
							</tr>
							<tr>
								<td>
									<strong>赣州地区</strong>： 6个
								</td>
								<td></td>
							</tr>
						</table>
					</div>
				</section>

				<!-- 最新文章 -->
				<section class="panel">
					<header class="panel-heading bm0">
						<span class='span-title'>最新操作</span>
						<span class="badge" style="background-color:#FF3333;"> new </span>
						<span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
					</header>
					<div class="panel-body">
						<table class="table table-hover personal-task">
							<tbody>
							<tr>
								<td>添加路口</td>
								<td>
									<a href="#" target="_blank">添加前湖大道路口及设备信息</a>
								</td>
								<td class="col-md-5">张三 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
							</tr>
							<tr>
								<td>删除路口</td>
								<td>
									<a href="#" target="_blank">删除了前湖大道路口及设备信息</a>
								</td>
								<td class="col-md-5">邓小平 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-21 12:00:14</td>
							</tr>
							<tr>
								<td>添加路口</td>
								<td>
									<a href="#" target="_blank">添加前湖大道路口及设备信息</a>
								</td>
								<td class="col-md-5">马化腾 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 18:00:33</td>
							</tr>
							<tr>
								<td>添加路口</td>
								<td>
									<a href="#" target="_blank">添加前湖大道路口及设备信息</a>
								</td>
								<td class="col-md-5">科比 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 09:12:32</td>
							</tr>
							<tr>
								<td>添加用户</td>
								<td>
									<a href="#" target="_blank">新增加张三用户信息</a>
								</td>
								<td class="col-md-5">马云 &nbsp;&nbsp;&nbsp;&nbsp; 2016-07-22 01:04:54</td>
							</tr>



							</tbody>
						</table>
					</div>
				</section>
			</div>
		</div>

	</section>

	<script type="text/javascript" src="plugins/layui/layui.js"></script>
	<script type="text/javascript">
		layui.use(['jquery','layer','element'],function(){
			window.jQuery = window.$ = layui.jquery;
			window.layer = layui.layer;
			window.element = layui.element();

			$('.panel .tools .iconpx-chevron-down').click(function(){
				var el = $(this).parents(".panel").children(".panel-body");
				if($(this).hasClass("iconpx-chevron-down")){
					$(this).removeClass("iconpx-chevron-down").addClass("iconpx-chevron-up");
					el.slideUp(200);
				}else{
					$(this).removeClass("iconpx-chevron-up").addClass("iconpx-chevron-down");
					el.slideDown(200);
				}
			})

		});
	</script>
	<script type="text/javascript" src="plugins/echarts/echarts.min.js"></script>
	<script type="text/javascript">
		var myChart = echarts.init(document.getElementById('larry-seo-stats'));
		option = {
			title : {
				text: '战略城市',
				subtext: '2017年5月更新',
				x:'center'
			},
			tooltip : {
				trigger: 'item',
				formatter: "{a} <br/>{b} : {c} ({d}%)"
			},
			legend: {
				orient: 'vertical',
				left: 'left',
				data: ['南昌','厦门','福州','赣州','九江']
			},
			series : [
				{
					name: '城市',
					type: 'pie',
					radius : '55%',
					center: ['50%', '60%'],
					data:[
						{value:335, name:'南昌'},
						{value:310, name:'厦门'},
						{value:234, name:'九江'},
						{value:135, name:'赣州'},
						{value:1548, name:'福州'}
					],
					itemStyle: {
						emphasis: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};
		myChart.setOption(option);
	</script>
	</body>

</html>